<template>
	<view class="out">
		<input type="text" v-model="firstName"  placeholder="please..." />
		<input type="text" v-model="lastName" placeholder="please..." />
		
		<view>full name: {{fullName}}</view>
	</view>
</template>

<script setup>
import {ref,computed} from "vue";
const firstName = ref("Alex")
const lastName = ref("Furgson")

const fullName = computed(()=> {
	console.log("computed...")
	return firstName.value + "-" +lastName.value
})

console.log(fullName.value)
</script>

<style lang="scss" scoped>
.out{
	padding: 20px;
	input{
		border: 1px solid #ccc;
		height: 40px;
		padding: 0 10px;
		margin: 10px 0;
	}
}	       
</style>
